import { createApp } from 'vue'
import App from './App.vue'
import './index.css' // Global Style
import router from './router/index' // Router
import vuex from './store/index' // Vuex

import { createI18n } from 'vue-i18n' // vue internationalization
const lang = window.localStorage.getItem('lang')
const i18n = createI18n({
  locale: lang ? lang : 'en', // default language
  messages: {},
})

// import { Select, Skeleton, Button } from 'ant-design-vue' // ant design
// import 'ant-design-vue/dist/antd.css' // ant UI style original
import 'ant-design-vue/dist/antd.less' // ant UI style customize
// import { Select, Skeleton, Button, Pagination, ConfigProvider, Input, Divider } from './assets/ts/ant' // ant design
import Antd from 'ant-design-vue'

// bootstrap
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
import './assets/fonts/font.css'
import './assets/css/theme.css'

const app = createApp(App) // app root instance
app
  .use(router) // plugin
  .use(vuex)
  .use(i18n)
  .use(Antd)
  // .use(Skeleton) // use ant-design
  // .use(Select)
  // .use(Button)
  // .use(Pagination)
  // .use(ConfigProvider)
  // .use(Input)
  // .use(Divider)
  .mount('#app') // mount
